<template>
  <div class="title-content">
    <img
      src="../../../assets/images/title.png"
      style="height: 18px; width: 18px; margin: 15px 10px 15px 25px"
    />
    <p style="height: 24px; margin: auto 0px">{{ title }}</p>
  </div>
</template>

<script>
export default {
  name: "Title",
  props: ["title"],
  data() {
    return {};
  },
  created() {},
};
</script>

<style lang="scss" rel="stylesheet/scss"  scoped>
.title-content {
  display: flex;
  // background-image: url("../../../assets/images/title.png") no-repeat;
  height: 50px;
  width: 140px;
  background: #fff;
  font-size: 16px;
  font-family: Source Han Sans CN, Source Han Sans CN-Medium;
  font-weight: 600;
  text-align: left;
  color: #333333;
  line-height: 24px;
  vertical-align: middle;
  border-bottom: 2px solid #f5f7fa;
}
</style>